<template>
  <div class="goods-list">
  <en-table-layout :tableData="[]" >
    <div slot="toolbar" class="inner-toolbar">
      <div class="toolbar-btns">
        <el-button  size="mini" type="primary">导出</el-button>
      </div>
      <div class="toolbar-search" >
         <el-form label-position="right" label-width="80px">
          <el-form-item label="昵称:">
             <el-input style="width: 100px;"></el-input>
          </el-form-item>
          <el-form-item label="收货人:">
             <el-input style="width: 100px;"></el-input>
          </el-form-item>
          <el-form-item label="物流单号:">
             <el-input style="width: 120px;"></el-input>
          </el-form-item>
  
           <el-form-item style="margin-left: -60px;"> 
           <!-- <el-form-item>  -->
             <el-button  size="mini" type="primary">搜索</el-button>
           </el-form-item>
        </el-form>

      </div>
    </div>
    <template slot="table-columns">
      <!--ID-->
      <el-table-column prop="id" label="id"/>
      <!--昵称-->
      <el-table-column prop="userName" label="昵称"/>
      <!--昵称-->
      <el-table-column prop="receiveName" label="收货人"/>
      <!--联系电话-->
      <el-table-column prop="receivePhone" label="联系电话"/>
      <!--奖品名称-->
      <el-table-column prop="prizeName" label="奖品名称"/>
      <!--详细地址-->
      <el-table-column prop="receiveAdress" label="详细地址"/>
      <!--物流公司-->
      <el-table-column prop="expressName" label="物流公司"/>
      <!--物流号-->
      <el-table-column prop="expressNo" label="物流号"/>
      <!--订单状态-->
      <el-table-column prop="orderStatus" label="订单状态">
      </el-table-column>
      <!-- filterOrderStatus -->
      <!--订单号-->
      <!-- <el-table-column prop="orderNo" label="订单号"/> -->
      <!--分类-->
      <el-table-column prop="type" label="分类">
        <template slot-scope="scope">
          {{scope.row.type == 1?'任务':'抽奖'}}
        </template>
      </el-table-column>
      <!--获奖时间-->
      <el-table-column prop="prizeLogTime" label="获奖时间"/>
      <!--发货时间-->
      <el-table-column prop="statusUpdateTime" label="发货时间"/>
    </template>



    <el-pagination
      slot="pagination"
      @size-change="handlePageSizeChange"
      @current-change="handlePageCurrentChange"
      :current-page="2"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="10"
      layout="total, sizes, prev, pager, next, jumper"
      :total="23">
    </el-pagination>
  </en-table-layout>
  </div>
</template>

<script>
import BackToTop from '@/components/BackToTop'

export default {
  name: 'GoodsList',
  components: { 

   },
  data() {
    return {

    }
  },
  methods: {
    // 改变页数
    handlePageSizeChange(){

    },
    // 点击某一页
    handlePageCurrentChange() {

    }
  }
}
</script>

<style lang="scss" scoped>
.goods-list {
  margin: 10px;
}
  .inner-toolbar {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 20px;
    .toolbar-search{
      display: flex;
      .el-form{
        display: flex;
      }
    }
  }
</style>
